<template>
    <div>
        <v-header></v-header>
        <div class="error_content">
            <div class="error_left">
                 <span class="sp_con">赶紧修，大家等着呢。</span>
            </div>
            <div class="error_right">
                <div class="error_detail">
                    <p class="error_p_title">哎呦~ 服务器居然累倒了!</p>
                    <p class="error_p_con">●别急，工程师正在紧急处理，马上就好。</p>
                    <p class="error_p_con">●您可致电010-*****转8169,***通知***开发人员!</p>
                    <p class="error_p_con">●云管平台的进步需要您的反馈,感谢您对云管平台的使用,请您耐心等待!</p>
                </div>
                <div class="btn_error">
                    <a class="btns btn_error1" href="javascript:void(0);" @click="homePage">返回首页</a>
                    <a class="btns btn_error2" href="javascript:void(0);" @click="beforePage">返回上一页</a>
                </div>

            </div>
        </div>
        <v-footer></v-footer>
    </div>
</template>

<script>

    import vHeader from '../common/Header.vue';
    import vFooter from '../common/Footer.vue';
export default {
    data () {
        return {

        }
    },
    methods:{
        // 返回首页
        homePage(){
            this.$router.push('/systems');
        },
        // 返回上一个页面
        beforePage(){
            this.$router.go(-1);
        }

    },
    mounted(){
        // main赋值最小高
        $(".error_content").css({"min-height": $(window).height()-90});
    },
    components:{
        vHeader,vFooter
    }
}
</script>

<style scoped>
    .error_content{ margin: 0 auto; width: 1000px; height: 800px;}
    .error_left{ margin: 120px 0 0 50px; width: 330px ; height: 345px; background: url("../../../static/img/timg.png") no-repeat;background-size: 100%;float: left;}
    .error_right{ width: 450px; height: 590px;  float: left; }
    .error_detail { margin: 180px 0 0 120px; width: 400px; height: auto; }
    .error_detail .error_p_title{ font-size: 28px; color: #24afaf; margin-bottom: 20px;}
    .error_detail .error_p_con{ font-size:14px; margin-top: 10px; line-height: 20px;}
    .sp_con{ margin-left: 128px; color:#24afaf;margin-top: 35px;position: absolute;font-size: 18px; }
    a:hover{ color: #FFF; }
    .btn_error1 { margin: 80px 50px 0 160px;}
    .btn_error2,.btn_error2:hover { color: #00bbbd; background: #FFF; }
</style>
